<template>
    <div class="a1">
        <div class="a2">
            <!-- <img src="https://ts1.tc.mm.bing.net/th/id/OIP-C.FX4Js2s4cBTLFhxKbNgbLwHaFk?rs=1&pid=ImgDetMain&o=7&rm=3" alt=""> -->
        </div>
   </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
body{

    
    .a1{
    height: 100%;
    width: 100%;
    background-color: aquamarine;
    display: flex;
    justify-content: center;
    align-items: center;
    
   .a2{
        width: 90%;
        height: 90%;
        background-color: blanchedalmond;
        overflow: hidden;
         border: 5px solid red;
        background-image:url(https://ts1.tc.mm.bing.net/th/id/OIP-C.FX4Js2s4cBTLFhxKbNgbLwHaFk?rs=1&pid=ImgDetMain&o=7&rm=3);
        background-size: cover;
    //    img{
    //     height: 100%;
    //     width: 100%;
    //     object-fit: cover;
    //    }
   }
}
    
}

</style>